<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Responsive Admin Dashboard Template">
    <meta name="keywords" content="admin,dashboard">
    <meta name="author" content="skcats">
    <title></title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all" />
    <link th:href="@{/assets/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/assets/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <link th:href="@{/assets/css/custom.css}" rel="stylesheet">
</head>

<body>
    <div class="container">
        <div class="row">
            <table class="table table-hover table-striped">
                <tbody>
                <tr class="success">
                    <th>任务ID</th>
                    <th>请假人</th>
                    <th>标题</th>
                    <th>请假天数</th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th>状态</th>
                    <th>内容</th>
                    <th>操作</th>
                </tr>
                <tr th:each="t:${List}">
                    <td th:text="${t.holidayid}"></td>
                    <td th:text="${t.empName }"></td>
                    <td th:text="${t.title }"></td>
                    <td th:text=" ${t.holidayday }"></td>
                    <td th:text="${t.starttime }"></td>
                    <td th:text=" ${t.endtime}"></td>
                    <td >
                        <span style="color:#eced14" th:if="${t.status == 1}">审批中</span>
                        <span style="color:rgba(82,255,87,0.77)" th:if="${t.status == 2}">已批准</span>
                        <span style="color:#ed2a4a" th:if="${t.status == 3}">不批准</span>
                        <span th:if="${t.status == 0}">初始录入</span>
                    </td>
                    <td th:text=" ${t.remark}"></td>
                    <td><a th:href="@{/holiday/complete(taskId=${t.task.id},holidayid=${t.holidayid},instId=${t.task.processInstanceId},flow='批准')}">批准</a>
                        <a th:href="@{/holiday/complete(taskId=${t.task.id},holidayid=${t.holidayid},instId=${t.task.processInstanceId},flow='不批准')}">不批准</a>
                        <a th:href="@{/holiday/lookTaskImg(taskId=${t.task.id},holidayId=${t.holidayid},instId=${t.task.processInstanceId},flow='不批准')}">办理进度</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
<script th:src="@{/js/register/jquery-3.1.0.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:inline="none">
    layui.use(['jquery','layer'], function() {
        var $ = layui.jquery;
        var layer=layui.layer;


    });
    function aaa(a){
        var status = a.value;
        if (status == 1) {
            a.html='<span style="color:#eced14">审批中</span>';
        }else if (status == 2) {
            a.html='<span style="color:rgba(82,255,87,0.77)">已完成</span>';
        }else if(status == 3){
            a.html= '<span style="color:#ed2a4a">不批准</span>';
        }else if(status == 0){
            a.html='<span >初始录入</span>';
        }
    }
</script>

</html>